@CHARSET "UTF-8";

#baseUrl{display:none;}
body{font-size:14px; color:#666; text-align:center; font-family:Arial,sans-serif; background-color:#E7E7DE;}
a{color:#8CC53F; text-decoration:none;}
a:hover{color:#FFF !important; background-color:#99CC33;}
#logo{float:left;margin:10px 0 0;width:335px; height:107px; text-indent:-99999px; background:transparent url("../img/logoV5.0.png") no-repeat 0 -7px;}
#header,#contentwrap{clear:both; width:900px; text-align:left; margin:0 auto;}
#header{height:120px;}

.invisible{display:none;}

/* navigation */
#navigation{color:#FFF; float:right; background-color:#5F5F50; width:530px;}
#menu{clear:both; height:50px; float:left; width:526px;}
  #menu ul {margin-left:20px;}
  #menu ul li {display:block;height:40px; float:left;}
  #menu ul li.separator {display:block; height:40px; margin:0 10px; width:8px; background:transparent url("../img/sp.png") no-repeat 0 0;}
  #menu ul li a{margin:0 17px; height:40px; text-indent:-9999px; display:block;}
  #menuHome{width:44px; background:transparent url("../img/menu.png") no-repeat -14px -39px;}
    #menuHome:hover{background:transparent url("../img/menu.png") no-repeat -14px 0; }
  #menuDemo{width:76px; background:transparent url("../img/menu.png") no-repeat -143px -39px;}
    #menuDemo:hover{background:transparent url("../img/menu.png") no-repeat -143px 0; }
  #menuHall{width:76px; background:transparent url("../img/menu.png") no-repeat -64px -39px;}
    #menuHall:hover{background:transparent url("../img/menu.png") no-repeat -64px 0; }
  #menuAbout{width:76px; background:transparent url("../img/menu.png") no-repeat -226px -39px;}
    #menuAbout:hover{background:transparent url("../img/menu.png") no-repeat -226px 0; }


/* dashboard */
#hr{float:left; width:530px;height:2px; background:transparent url("../img/hr.png") repeat-x 0 0;}
#dashboard{font-size:12px; float:left; width:530px;}
#dashboardcontent{width:505px; padding-top:12px; *padding-top:0; float:left;}
#dashboardcontent a {font-weight:700; color:#7CB900;}
#dashboardcontent span{line-height:30px; float:left;}
#notLoggedInField{float:right !important; margin-right:10px;}
#leftcorner{float:left; width:13px; height:56px; *height:44px; background:transparent url("../img/menu.png") no-repeat 0 -85px;*background-position:0 -97px;}
.leftcornerHidden{background-image:none !important;}
#rightcorner{float:right; width:12px; height:56px; *height:44px;background:transparent url("../img/menu.png") no-repeat -21px -85px; *background-position:-21px -97px;}

ul.topNav img.separator {float:left; margin:10px 18px 0 15px;}
ul.topNav img{float:left; margin-right:12px;}
ul.topNav{width:503px; list: none outside none; float:left; position:relative;}
ul.topNav li{list-style: none; float:left; position:relative; padding-bottom:5px;}
#searchField{margin-top:3px;*margin-top:0;background:transparent url("../img/search_field.png") no-repeat 0 0; width:160px;*width:168px; height:24px; *height:31px; padding:5px 2px 2px 6px;}
#searchBox{color:#FFF; float:left;background-color:#A2A297; border:none !important; width:130px;}
#searchButton{float:left; background:transparent url("../img/search_button.png") no-repeat 0 0; border:none !important; display:block; color:#A2A297; font-size:0; width:22px;height:18px;}
ul.subNav{display:none; z-index:999; position:absolute; left:-21px; top:32px; background-color:#5F5F50;padding:5px 20px 20px; width:89px;*width:129px; background:transparent url("../img/subNavbottom.png") no-repeat 0 100%;}
#navProfile{left:-13px;}
ul.subNav li{padding-bottom:0;float:none !important;  background:transparent url("../img/dotline_wide_brown.png") repeat-x 0 100%; line-height:29px;}

#contenttleft{width:18px; height:23px; float:left; background:transparent url("../img/contentcorner.png") no-repeat 0 0;}
#contenttright{width:17px; height:23px; float:left; background:transparent url("../img/contentcorner.png") no-repeat -18px 0;}
#contenttop{width:865px;height:23px; float:left; background:transparent url("../img/contenttop.png") repeat-x 0 0;}
#contentbleft{width:18px; height:23px; float:left; background:transparent url("../img/contentcorner.png") no-repeat 0 -23px;}
#contentbright{width:17px; height:23px; float:left; background:transparent url("../img/contentcorner.png") no-repeat -18px -23px;}
#contentbottom{width:865px;height:23px; float:left; background:transparent url("../img/contentbottom.png") repeat-x 0 0;}

#content{float:left; width:900px; background-color:#FFF;}


/* Content Title */
#contenttitle {margin:8px 0 18px; width:870px; float:left; clear:both; background:white url("../img/h1line.png") repeat-x 0px -7px;}
#contenttitle h1{letter-spacing:-2px;font-family:"黑体";background-color:white;border-left:10px solid #99CC33; float:left; font-size:30px; height:30px; padding:0 5px 0 13px; color:#9B9FA3;}
#contenttitle span{width:54px; height:28px; float:left; background:transparent url("../img/h1bubble.png") no-repeat 0 0;}
#content table{margin-top:10px;}
#content th{height:24px;}
#content td{font-size:12px; height:22px;}

/* Content Inner */
#contentinner{margin:5px 28px 30px 28px;*margin-left:14px;clear:both;float:left; width:840px;}

/* Footer */
#footer{clear:both;color:#999;font-size:12px; width:876px; text-align:right; margin-bottom:6px;}
#backto,#create{float:right; clear:both; font-size:12px; }
#create{font-size:14px;}

.zend_form .formfield{clear:both; padding:2px 30px 16px 0;}
.zend_form label{display:block; clear:both; padding:8px 0;}
.zend_form dt{clear:both;}
.zend_form dd{margin-bottom:12px;*margin-bottom:5px; float:left; clear:both;}
.zend_form p{line-height:26px; font-size:12px; color:#999; margin-left: 12px; float:left;}
.zend_form input{border: 1px solid #CCC; width:320px; *height:28px; padding:5px; float:left;}
.zend_form textarea{border: 1px solid #CCC; width:320px; padding:5px; float:left;}
.zend_form select{border: 1px solid #CCC; width:320px; padding:5px; float:left;}
label.error, div.error{color:red !important; font-size:12px; display:block; clear:both; padding:8px 0; }
ul.errors{clear:both; color:red !important; font-size:12px;line-height:20px; list-style-type:square; list-style-position:inside; }
#content .check{float:left; margin-left:10px; padding-top:7px;}
#login{*margin-top:8px; padding:0; color:#99CC33; font-size: 0; border:none; text-align:right; width:110px; height:34px; background:transparent url("../img/btn.png") no-repeat 0 0;}
#register{*margin-top:8px; padding:0; color:#99CC33; font-size:0;  border:none; text-align:right; width:111px; height:34px; background:transparent url("../img/btn.png") no-repeat -110px 0;}


#posterWrap{text-align:center; border:1px solid #CCC; float:left; text-float:left; padding:5px 10px;line-height:20px; margin-bottom:20px;}
#posterFrame{margin:0 auto; width:460px; position:relative;}
#posterEditSwitch {font-size:12px; position:absolute; right:0;top:2px; display:block;}
#theme-element, #fieldset-step2, #themeCSS{display:none;}
.thumbnailFrame {border:1px solid #CCC; float:left; padding:5px 5px 10px; margin:0 8px 5px 0; text-align:center;}
.thumbnailContainer{overflow:hidden; width:100px; height:100px; margin-bottom:8px;}
#themePreview {font-size:12px; color:#CCC;}
#Save{color:#99CC33;font-size:0; width:230px !important; margin:10px 0 0 3px; text-align:right;border:none !important; height:34px; background:transparent url("../img/btn.png") no-repeat -451px 0;}
#SaveAndAddUser{color:#99CC33;font-size:0; width:230px !important; margin:10px 0 0 3px; text-align:right;border:none !important; height:34px; background:transparent url("../img/btn.png") no-repeat -221px 0;}
#addUserList #Save{margin:10px 0 0 4px; background:transparent url("../img/btn.png") no-repeat -911px 0;}
#SaveAndSend{margin:0 0 0 4px;color:#99CC33;font-size:0; width:230px !important; margin:10px 0 0 3px; text-align:right;border:none !important; height:34px; background:transparent url("../img/btn.png") no-repeat -681px 0;}
#fieldset-step2,#addUserList {width:360px; float:left;}
#title,#date, #fieldset-step2 textarea,#addUserList textarea{width:300px !important;}
#choosenThemePreview{width:480px; float:left;}
#nextUserList{clear:both; display:block;height:29px;margin:10px 0 0 4px; text-indent:-9999px; background:transparent url("../img/btn_next_userlist.png") no-repeat 0 0;}
.descTips{color:#CCC !important;}
#previewInfo{padding:0 10px 10px; float:right;}
#previewInfo strong{margin-left:3px;}
#backToStep1 {font-size:12px; margin-left:8px;}

/* pagination */
.pagination{font-size:12px;clear:both;font-weight:700;}
.pagination div{float:left;}
.pagination .pageNumbers{margin:0 4px;}
.pagination .pagePrev a{margin-right:3px;}
.pagination .pageNext a{margin-left:3px;}
.pagination .pageNumbers a, .pagination span{padding:2px 6px; margin:0 1px 0 0; background-color:#F4F9E9; border:1px solid #E0F0C1;}
.pagination .pageNumbers a:hover{color:#8CC53F !important; border:1px solid #8CC53F;}
.pagination span{font-size:13px;background-color:transparent; border:none;}
.paginationInfo{clear:both;float:left;font-weight:400; color:#999;}
.paginationNumbers{float:right !important;}
	
/* list  */
.list{clear:both; float:left; margin:10px 0;}
.listBottom, .item{background:transparent url("../img/dotline.png") repeat-x 0 0; float:left; height:1px; width:840px;}
.item{height:auto; background:transparent url("../img/dotline.png") repeat-x 0 0; padding:8px 0; float:left;position:relative;}
.previewCol {float:left; width:115px;}
.previewCol .thumbnailContainer {margin:0;}
.descriptionCol{float:left;}
.descriptionCol .title{line-height:30px; font-size:20px;letter-spacing:-1px;font-family:"黑体";}
.descriptionCol div{line-height:22px; font-size:12px;}
.descriptionCol strong{margin-right:5px;}
.descriptionCol div span{margin-left:30px;}
.itemDesc{width:500px;}
.draft{width:45px; height:30px; float:left; background:transparent url("../img/draft.png") no-repeat 0 3px;}
	
.itemAction{position:absolute; right:2px; top:4px; color:#CCC;} 
.itemAction a{margin:0 4px;}
.itemPost{position:absolute; right:0; bottom:8px; width:215px; color:#999;}
.itemPostDesc{line-height:13px !important;}
.itemPostDesc div{line-height:20px !important;}
.chosen{background-color:#F5F5F5;}

/* profile Pic */
#profilePic{width:200px; height:200px;}
#profilePicFrame{position:relative; width:200px;float:left;}
.profilePicDescBorder{z-index:999; position:absolute; top:191px; left:0;width:200px; height: 10px; background:transparent url("../img/saysomething.png") no-repeat 0 0;}
.profilePicDesc{background-color:#EDEDE7; width:200px; float:left;}
.profilePicDescInner{margin:13px 15px; font-size:12px; line-height:18px;}
#takeActionSection{font-size:12px; line-height:21px; margin-top:5px; float:left;}
#takeActionSection li{border-bottom:1px solid #DDD; width:200px; text-indent:12px;}

/* profile Activity */
#profileActivity{margin-left:15px; float:left; width:460px;}
#stampSection{float:left; clear:both;}
#stampSection .stamp{color:#FFF; margin-right:10px; float:left; background:transparent url("../img/stamps.png") no-repeat 0 0; width:107px; height:84px;}
#stampSection .stamp span{width:87px; text-align:center; margin:8px 10px; clear:both; float:left; line-height:20px; font-size:12px;}
#stampSection .stamp span.number{font-family:Tahoma; font-weight:700;margin-top:0; font-size:36px; line-height:34px;}
#stampSection .green{background-position:0 0; }
#stampSection .blue{background-position:-107px 0;}
#stampSection .orange{background-position:-214px 0;}
#stampSection .pink{background-position:-321px 0; margin-right:0;}
#commentSection{float:left; clear:both; margin-top:20px; background-color:#EDEDE7;color:#666666; padding:15px;width:430px; *width:460px;}
#comment {width:338px !important; *width:355px !important; border:none; padding:8px !important; *height:30px;}
#comment.processing{background-color:#FFFFEE; color:#CCC;}
#comment-element{clear:both;float:left;margin-bottom:0;}
#post{float:left; font-size:0; margin:2px 0 0 17px; text-align:right; border:none;width:55px; height:29px; background:transparent url("../img/title_grey.png") no-repeat -62px 0;}
#post-element{float:left;}
#post-label{display:none;}

#logTab{font-weight:700; width:460px; padding:15px 0; float:left;background:transparent url(../img/dotline.png) repeat-x scroll 0 100%;}
#tabActivities,#tabMessageboard{margin-right:5px; padding:4px 8px;}
.tabOn{background-color:#99CC33; color:#FFF;}

.date{font-size:11px;color:#CCC; float:right;}
.thumbPic{margin:3px 8px 3px 0;float:left;}
.commentTextColumn{float:left;width:420px;}
.commentHeader{line-height:19px; width:420px;}
.commentHeader .name{float:left;}
.commentContent{width:430px;*width:398px;text-indent:8px; float:left; margin-right:10px;line-height:16px;}


#logSection{float:left; clear:both; font-size:12px;}
#logSection .item{width:460px; background-position:0 100%;}
.name{font-weight:700; }
.messageboard{}
